<div class="m-play">
    <div class="lock">
        <div class="left"><i>111</i></div>
    </div>

    <div class="hand"></div>
    <div class="container">
        <div class="wrap">
            <div class="btns">
                <i class="prev"></i>
                <i class="toggle"></i>
                <i class="next"></i>
            </div>
<!-- 
            <div class="words">
                <img src="" alt="" class="avatar">
                <i class="mask"></i>
            </div> -->

            <div class="head">
                <img src=""  />
                <i class="mask"></i>
            </div>

            <div class="play">
                <div class="words clearfix">
                    <p class="ellipsis">歌曲名</p>
                    <ul class="songs clearfix">
                        <li>
                            <a>歌手</a>
                        </li>
                        <li>
                            <a>歌手2</a>
                        </li>
                    </ul>
                </div>

                <div class="bar">
                    <div class="slider-wrap">
                        <div>进度条</div>
                    </div>
                    <span class="time"><em>02:11</em>/04:35
                    </span>
                </div>
            </div>

            <div class="oper">
                <i class="like" title="收藏"></i>
                <i class="share" title="分享"></i>
            </div>

            
            <div class="ctrl">
                <i class="volume" title="音量"></i>
                <i class="loop" title="循环"></i>
                <p class="open">
                    <span>
                    </span>
                </p>
            </div>
        </div>
    </div>
</div>